<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>User Profile | Coco - Responsive Bootstrap Admin Template</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="description" content="">
	<meta name="keywords" content="coco bootstrap template, coco admin, bootstrap,admin template, bootstrap admin,">
	<meta name="author" content="Huban Creative">

	<!-- Base Css Files -->
	<link href="__ADLIBS__jqueryui/ui-lightness/jquery-ui-1.10.4.custom.min.css" rel="stylesheet"/>
	<link href="__ADLIBS__bootstrap/css/bootstrap.min.css" rel="stylesheet"/>
	<link href="__ADLIBS__font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
	<link href="__ADLIBS__fontello/css/fontello.css" rel="stylesheet"/>
	<link href="__ADLIBS__animate-css/animate.min.css" rel="stylesheet"/>
	<link href="__ADLIBS__nifty-modal/css/component.css" rel="stylesheet"/>
	<link href="__ADLIBS__magnific-popup/magnific-popup.css" rel="stylesheet"/>
	<link href="__ADLIBS__ios7-switch/ios7-switch.css" rel="stylesheet"/>
	<link href="__ADLIBS__sortable/sortable-theme-bootstrap.css" rel="stylesheet"/>
	<link href="__ADLIBS__bootstrap-datepicker/css/datepicker.css" rel="stylesheet"/>
	<link href="__ADLIBS__jquery-icheck/skins/all.css" rel="stylesheet"/>


	<link href="__ADLIBS__pace/pace.css" rel="stylesheet" />

	<!-- Code Highlighter for Demo -->
	<link href="__ADLIBS__prettify/github.css" rel="stylesheet"/>

	<!-- Extra CSS Libraries Start -->
	<link href="__ADCSS__style.css" rel="stylesheet" type="text/css"/>

	<link href="__ADCSS__mycss/index-user.css" rel="stylesheet" type="text/css"/>

	<link href="__ADLIBS__bootstrap-select/bootstrap-select.min.css" rel="stylesheet" type="text/css" />
	<link href="__ADLIBS__bootstrap-select2/select2.css" rel="stylesheet" type="text/css" />
	<link href="__ADLIBS__bootstrap-xeditable/css/bootstrap-editable.css" rel="stylesheet" type="text/css" />
	<link href="__ADLIBS__bootstrap-select2/select2.css" rel="stylesheet" type="text/css" />

	<!-- Extra CSS Libraries End -->
	<link href="__ADCSS__style-responsive.css" rel="stylesheet"/>

	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
	<![endif]-->

	<link rel="shortcut icon" href="__ADIMG__favicon.ico">
	<link rel="apple-touch-icon" href="__ADIMG__apple-touch-icon.png"/>
	<link rel="apple-touch-icon" sizes="57x57" href="__ADIMG__apple-touch-icon-57x57.png"/>
	<link rel="apple-touch-icon" sizes="72x72" href="__ADIMG__apple-touch-icon-72x72.png"/>
	<link rel="apple-touch-icon" sizes="76x76" href="__ADIMG__apple-touch-icon-76x76.png"/>
	<link rel="apple-touch-icon" sizes="114x114" href="__ADIMG__apple-touch-icon-114x114.png"/>
	<link rel="apple-touch-icon" sizes="120x120" href="__ADIMG__apple-touch-icon-120x120.png"/>
	<link rel="apple-touch-icon" sizes="152x152" href="__ADIMG__apple-touch-icon-152x152.png"/>
	<link rel="apple-touch-icon" sizes="144x144" href="__ADIMG__apple-touch-icon-144x144.png"/>
</head>
<body class="fixed-left">

<div class="content-page" style="margin-left: 0">
	<div class="profile-banner" style="background-image: url(/static/images/stock/bg.png);">
		<div class="col-sm-3 avatar-container" id="userimg">
			{if !empty($list['info']['image'])}
			<img src="{$list['info']['image']}" class="img-circle profile-avatar" alt="User avatar" height="200px">
			{else}
			<img src="/static/images/users/user-256.jpg" class="img-circle profile-avatar" alt="User avatar">
			{/if}
		</div>
		<div class="col-sm-12 profile-actions text-right">
			{if $my_follow == true}
			<button type="button" class="btn btn-default my-follow" data-id="{$list['user']['id']}"><i class="glyphicon glyphicon-heart"></i> 已关注</button>
			{else}
			<button type="button" class="btn btn-pink-1 my-follow" data-id="{$list['user']['id']}"><i class="glyphicon glyphicon-heart-empty"></i> 关注TA</button>
			{/if}
			<a href="{:url('/')}" type="button" class="btn btn-success"><i class="glyphicon glyphicon-home"></i> 返回首页</a>
		</div>
	</div>
	<div class="content">
		<div class="row">
			<div class="col-sm-3">
				<div class="text-center user-profile-2">
					<h4><b>
							{if !empty($list['info']['nickname'])}
							{$list['info']['nickname']}
							{else}
							{$list['user']['tel']}
							{/if}
					</b></h4>
					<input type="hidden" id="id" value="{$list['user']['id']}">
					<ul class="list-group">
						<li class="list-group-item">
							<span>TA的粉丝</span>
							<span class="badge">{$list['info']['fans_num']}</span>
						</li>
						<li class="list-group-item">
							<span>TA的关注</span>
							<span class="badge">{$list['info']['follow_num']}</span>
						</li>
						<li class="list-group-item">
							<span>TA的笔记</span>
							<span class="badge">{$list['info']['note_num']}</span>
						</li>
					</ul>
				</div><!-- End div .box-info -->
				<!-- Begin user profile -->
			</div><!-- End div .col-sm-4 -->
			<div class="col-sm-9">
				<div class="widget widget-tabbed">
					<ul class="nav nav-tabs nav-justified">
						<li class="active">
							<a href="#my-timeline" data-toggle="tab"><i class="fa fa-pencil"></i>TA的笔记</a>
						</li>
						<li>
							<a href="#about" data-toggle="tab"><i class="fa fa-user"></i> 关于TA</a>
						</li>
						<li>
							<a href="#user-fans" data-toggle="tab"><i class="fa fa-users"></i> TA的粉丝</a>
						</li>
						<li>
							<a href="#user-follow" data-toggle="tab"><i class="fa fa-heart"></i> TA的关注</a>
						</li>
					</ul>
					<div class="tab-content">
						<div class="tab-pane animated active fadeInRight" id="my-timeline">
							<div class="user-profile-content">
								<div class="the-timeline">
									<ul>
										{if !empty($list['note'])}
										{volist name="list['note']" id="val"}
										<a href="{:url('/noteInfo/'.$val['id'])}">
											<li>
												<div class="the-date">
													<span>{:substr($val['create_at'],8,2)}</span>
													<small>{:substr($val['create_at'],5,2)}月</small>
												</div>
												<h4>{$val['title']}</h4>
												<p><img src="/static/uploads/img/{$val['thumb']}" width="100"></p>
											</li>
										</a>
										{/volist}
										<li class="the-year"><p>2019</p></li>
										{/if}
									</ul>
								</div>
							</div>
						</div>
						<!-- Tab about -->
						<div class="tab-pane animated fadeInRight" id="about">
							<div class="user-profile-content">
								<div class="row">
									<div class="col-md-8">
										{$list['info']['signature']}
									</div>
									<div class="col-md-4">
										<div class="toolbar-btn-action">
											<!--<button data-modal="md-fade-in-scale-up" class="btn btn-primary md-trigger"><i class="fa fa-refresh"></i> 更改</button>-->
										</div>
									</div>
								</div>
								<hr>
								<div class="row">
									<div class="col-sm-6">
										<address>
											<strong>手机</strong><br>
												{$list['user']['tel']}
										</address>
										<address>
											<strong>邮箱</strong><br>
											{$list['user']['email']}
										</address>
										<address>
											<strong>性别</strong><br>
												{if $list['info']['sex'] eq '0'}
												男
												{elseif $list['info']['sex'] eq '1'}
												女
												{else}
												保密
												{/if}
										</address>
									</div>
									<div class="col-sm-6">
										<address>
											<strong>年龄</strong><br>
											{$list['info']['age']}
										</address>
										<address>
											<strong>地址</strong><br>
											{$list['info']['address']}
										</address>
										<address>
											<strong>兴趣爱好</strong><br>
											<p>{$list['info']['interesting']}</p>
										</address>
									</div>
								</div><!-- End div .row -->
							</div><!-- End div .user-profile-content -->
						</div><!-- End div .tab-pane -->

						<div class="tab-pane animated fadeInRight" id="user-fans">
							<div class="scroll-user-widget">
								<ul class="media-list">
									{if isset($list['fans'])}
									{volist name="list['fans']" id="v"}
									<li class="media">
										<div class="mail-sender-details">
											<div class="row">
												<div class="col-md-6">
													<a href="#fakelink">
														<img src="/static/images/users/chat/19.jpg" class="img-circle sender-photo">
														<small>
															<b>{$v['nickname']}</b>
															<span class="text-muted">
																{if $v['sex'] == 0}
																<i class="icon-female danger"></i>
																{elseif $v['sex'] == 1}
																<i class="icon-male info"></i>
																{else}
																{/if}
															</span><br>
															<span class="text-muted">
																{if $v['signature'] == null}
																这个人没有填简介啊~~~
																{else}
																{$v['signature']}
																{/if}
															</span>
														</small>
													</a>
												</div>
												<div class="col-md-2 col-md-offset-4">
													{if $v['fans'] == 1}
													<button type="button" class="btn btn-default follow" data-id="{$v['uid']}">取消关注</button>
													{else}
													<button type="button" class="btn btn-pink-1 follow" data-id="{$v['uid']}">点击关注</button>
													{/if}
												</div>
											</div>
										</div>
									</li>
									{/volist}
									{else}
									<li>TA还没有被人关注哦~</li>
									{/if}
								</ul>
							</div><!-- End div .scroll-user-widget -->
						</div><!-- End div .tab-pane -->
						<div class="tab-pane animated fadeInRight" id="user-follow">
							<div class="scroll-user-widget">
								<ul class="media-list">
									{if isset($list['follow'])}
									{volist name="list['follow']" id="v"}
									<li class="media">
										<div class="mail-sender-details">
											<div class="row">
												<div class="col-md-6">
													<a href="#fakelink">
														<img src="/static/images/users/chat/19.jpg" class="img-circle sender-photo">
														<small>
															<b>{$v['nickname']}</b>
															<span class="text-muted">
														{if $v['sex'] == 0}
														<i class="icon-female danger"></i>
														{elseif $v['sex'] == 1}
														<i class="icon-male info"></i>
														{else}
														{/if}
													</span><br>
															<span class="text-muted">
														{if $v['signature'] == null}
														这个人没有填简介啊~~~
														{else}
														{$v['signature']}
														{/if}
													</span>
														</small>
													</a>
												</div>
												<div class="col-md-2 col-md-offset-4">
													{if $v['follow'] == 1}
													<button type="button" class="btn btn-default follow" data-id="{$v['uid']}">取消关注</button>
													{else}
													<button type="button" class="btn btn-pink-1 follow" data-id="{$v['uid']}">点击关注</button>
													{/if}
												</div>
											</div>
										</div>
									</li>
									{/volist}
									{else}
									<li>TA还没有关注别人哦~</li>
									{/if}
								</ul>
							</div><!-- End div .scroll-user-widget -->
						</div><!-- End div .tab-pane -->
						<!-- End Tab user activities -->
					</div><!-- End div .tab-content -->
				</div><!-- End div .box-info -->
			</div>
		</div>
	</div>
</div>

<div class="md-overlay"></div>

<script>
    var resizefunc = [];
</script>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="__ADLIBS__jquery/jquery-1.11.1.min.js"></script>
<script src="__ADLIBS__bootstrap/js/bootstrap.min.js"></script>
<script src="__ADLIBS__jqueryui/jquery-ui-1.10.4.custom.min.js"></script>
<script src="__ADLIBS__jquery-ui-touch/jquery.ui.touch-punch.min.js"></script>
<script src="__ADLIBS__jquery-detectmobile/detect.js"></script>
<script src="__ADLIBS__jquery-animate-numbers/jquery.animateNumbers.js"></script>
<script src="__ADLIBS__ios7-switch/ios7.switch.js"></script>
<script src="__ADLIBS__fastclick/fastclick.js"></script>
<script src="__ADLIBS__jquery-blockui/jquery.blockUI.js"></script>
<script src="__ADLIBS__bootstrap-bootbox/bootbox.min.js"></script>
<script src="__ADLIBS__jquery-slimscroll/jquery.slimscroll.js"></script>
<script src="__ADLIBS__jquery-sparkline/jquery-sparkline.js"></script>
<script src="__ADLIBS__nifty-modal/js/classie.js"></script>
<script src="__ADLIBS__nifty-modal/js/modalEffects.js"></script>
<script src="__ADLIBS__sortable/sortable.min.js"></script>
<!--<script src="__ADLIBS__bootstrap-fileinput/bootstrap.file-input.js"></script>-->
<script src="__ADLIBS__bootstrap-select/bootstrap-select.min.js"></script>
<script src="__ADLIBS__bootstrap-select2/select2.min.js"></script>
<script src="__ADLIBS__magnific-popup/jquery.magnific-popup.min.js"></script>
<script src="__ADLIBS__bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<script src="__ADLIBS__jquery-icheck/icheck.min.js"></script>

<script src="__ADLIBS__pace/pace.min.js"></script>

<!-- Demo Specific JS Libraries -->
<script src="__ADLIBS__prettify/prettify.js"></script>

<script src="__ADJS__init.js"></script>

<script src="__ADLIBS__bootstrap-select/bootstrap-select.min.js"></script>
<script src="__ADLIBS__bootstrap-inputmask/inputmask.js"></script>
<script src="__ADLIBS__bootstrap-xeditable/js/bootstrap-editable.min.js"></script>
<script src="__ADLIBS__bootstrap-xeditable/demo/jquery.mockjax.js"></script>
<script src="__ADLIBS__bootstrap-xeditable/demo/demo-mock.js"></script>
<script src="__ADLIBS__bootstrap-select2/select2.min.js"></script>
<script src="__ADLIBS__jquery-clndr/moment-2.5.1.js"></script>
<script src="__ADLIBS__bootstrap-typeahead/bootstrap3-typeahead.min.js"></script>
<script src="__ADLIBS__ckeditor/ckeditor.js"></script>
<script src="__ADLIBS__ckeditor/adapters/jquery.js"></script>
<script src="__ADJS__pages/advanced-forms.js"></script>


<script src="__ADJS__index-user.js"></script>
</body>
</html>